<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <title>Adminox - Responsive Web App Kit</title> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
  <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description"> 
  <meta content="Coderthemes" name="author"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <!-- App favicon --> 
  <link rel="shortcut icon" href="assets/images/favicon.ico"> 
  <!-- App css --> 
  <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 
  <link href="assets/css/icons.css" rel="stylesheet" type="text/css"> 
  <link href="assets/css/metismenu.min.css" rel="stylesheet" type="text/css"> 
  <link href="assets/css/style.css" rel="stylesheet" type="text/css"> 
  <script src="assets/js/modernizr.min.js"></script> 
 </head> 
 <body> 
  <!-- Begin page --> 
  <div id="wrapper"> 
   <!-- Top Bar Start --> 
   <div class="topbar"> 
    <!-- LOGO --> 
    <div class="topbar-left"> 
     <a href="index1.html" class="logo"> <span> <img src="assets/images/logo.png" alt="" height="25"> </span> <i> <img src="assets/images/logo_sm.png" alt="" height="28"> </i> </a>
    </div> 
    <nav class="navbar-custom"> 
     <ul class="list-inline float-right mb-0"> 
      <li class="list-inline-item dropdown notification-list"> <a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <i class="dripicons-bell noti-icon"></i> <span class="badge badge-pink noti-icon-badge">4</span> </a> 
       <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-lg" aria-labelledby="Preview"> 
        <!-- item--> 
        <div class="dropdown-item noti-title"> 
         <h5><span class="badge badge-danger float-right">5</span>Notification</h5> 
        </div> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> 
         <div class="notify-icon bg-success">
          <i class="icon-bubble"></i>
         </div> <p class="notify-details">Robert S. Taylor commented on Admin<small class="text-muted">1 min ago</small></p> </a> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> 
         <div class="notify-icon bg-info">
          <i class="icon-user"></i>
         </div> <p class="notify-details">New user registered.<small class="text-muted">1 min ago</small></p> </a> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> 
         <div class="notify-icon bg-danger">
          <i class="icon-like"></i>
         </div> <p class="notify-details">Carlos Crouch liked <b>Admin</b><small class="text-muted">1 min ago</small></p> </a> 
        <!-- All--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item notify-all"> View All </a> 
       </div> </li> 
      <li class="list-inline-item dropdown notification-list"> <a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <img src="assets/images/users/avatar-1.jpg" alt="user" class="rounded-circle"> </a> 
       <div class="dropdown-menu dropdown-menu-right profile-dropdown " aria-labelledby="Preview"> 
        <!-- item--> 
        <div class="dropdown-item noti-title"> 
         <h5 class="text-overflow"><small>Welcome ! John</small> </h5> 
        </div> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="zmdi zmdi-account-circle"></i> <span>Profile</span> </a> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="zmdi zmdi-settings"></i> <span>Settings</span> </a> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="zmdi zmdi-lock-open"></i> <span>Lock Screen</span> </a> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="zmdi zmdi-power"></i> <span>Logout</span> </a> 
       </div> </li> 
     </ul> 
     <ul class="list-inline menu-left mb-0"> 
      <li class="float-left"> <button class="button-menu-mobile open-left waves-light waves-effect"> <i class="dripicons-menu"></i> </button> </li> 
      <li class="hide-phone app-search"> 
       <form role="search" class=""> 
        <input type="text" placeholder="Search..." class="form-control"> 
        <a href=""><i class="fa fa-search"></i></a> 
       </form> </li> 
     </ul> 
    </nav> 
   </div> 
   <!-- Top Bar End --> 
   <!-- ========== Left Sidebar Start ========== --> 
   <div class="left side-menu"> 
    <div class="slimscroll-menu" id="remove-scroll"> 
     <!-- Sidemenu --> 
     <div id="sidebar-menu"> 
      <!-- Left Menu Start --> 
      <ul class="metismenu" id="side-menu"> 
       <li class="menu-title">Navigation</li> 
       <li> <a href="javascript: void(0);"> <i class="fi-air-play"></i><span class="badge badge-success pull-right">2</span> <span> Dashboard </span> </a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="index1.html">Dashboard 1</a></li>
         <li><a href="dashboard-2.html">Dashboard 2</a></li> 
        </ul> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-target"></i> <span> Admin UI </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="admin-grid.html">Grid</a></li> 
         <li><a href="admin-sweet-alert.html">Sweet Alert</a></li> 
         <li><a href="admin-tiles.html">Tiles Box</a></li> 
         <li><a href="admin-nestable.html">Nestable List</a></li> 
         <li><a href="admin-rangeslider.html">Range Slider</a></li> 
         <li><a href="admin-ratings.html">Ratings</a></li> 
         <li><a href="admin-filemanager.html">File Manager</a></li> 
         <li><a href="admin-lightbox.html">Lightbox</a></li> 
         <li><a href="admin-scrollbar.html">Scroll bar</a></li> 
         <li><a href="admin-slider.html">Slider</a></li> 
         <li><a href="admin-treeview.html">Treeview</a></li> 
        </ul> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-briefcase"></i> <span> UI Kit </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="ui-typography.html">Typography</a></li> 
         <li><a href="ui-panels.html">Panels</a></li> 
         <li><a href="ui-buttons.html">Buttons</a></li> 
         <li><a href="ui-modals.html">Modals</a></li> 
         <li><a href="ui-checkbox-radio.html">Checkboxs-Radios</a></li> 
         <li><a href="ui-spinners.html">Spinners</a></li> 
         <li><a href="ui-ribbons.html">Ribbons</a></li> 
         <li><a href="ui-portlets.html">Portlets</a></li> 
         <li><a href="ui-tabs.html">Tabs</a></li> 
         <li><a href="ui-progressbars.html">Progress Bars</a></li> 
         <li><a href="ui-notifications.html">Notification</a></li> 
         <li><a href="ui-carousel.html">Carousel</a> </li>
         <li><a href="ui-video.html">Video</a> </li>
         <li><a href="ui-tooltips-popovers.html">Tooltips &amp; Popovers</a></li> 
         <li><a href="ui-images.html">Images</a></li> 
         <li><a href="ui-bootstrap.html">Bootstrap UI</a></li> 
        </ul> </li> 
       <li> <a href="tickets.html"><i class="fi-help"></i><span class="badge badge-danger pull-right">New</span> <span> Tickets </span></a> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-box"></i><span> Icons </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="icons-colored.html">Colored Icons</a></li> 
         <li><a href="icons-materialdesign.html">Material Design</a></li> 
         <li><a href="icons-dripicons.html">Dripicons</a></li> 
         <li><a href="icons-fontawesome.html">Font awesome</a></li> 
         <li><a href="icons-feather.html">Feather Icons</a></li> 
         <li><a href="icons-simple-line.html">Simple line Icons</a></li> 
         <li><a href="icons-flags.html">Flag Icons</a></li> 
         <li><a href="icons-file.html">File Icons</a></li> 
         <li><a href="icons-pe7.html">PE7 Icons</a></li> 
         <li><a href="icons-typicons.html">Typicons</a></li> 
        </ul> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-bar-graph-2"></i><span> Graphs </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="chart-flot.html">Flot Chart</a></li> 
         <li><a href="chart-morris.html">Morris Chart</a></li> 
         <li><a href="chart-google.html">Google Chart</a></li> 
         <li><a href="chart-echart.html">Echarts</a></li> 
         <li><a href="chart-chartist.html">Chartist Charts</a></li> 
         <li><a href="chart-chartjs.html">Chartjs Chart</a></li> 
         <li><a href="chart-c3.html">C3 Chart</a></li> 
         <li><a href="chart-justgage.html">Justgage Charts</a></li> 
         <li><a href="chart-sparkline.html">Sparkline Chart</a></li> 
         <li><a href="chart-knob.html">Jquery Knob</a></li> 
        </ul> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-mail"></i><span> Email </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="email-inbox.html">Inbox</a></li> 
         <li><a href="email-read.html">Read Email</a></li> 
         <li><a href="email-compose.html">Compose Email</a></li> 
        </ul> </li> 
       <li> <a href="taskboard.html"><i class="fi-paper"></i> <span> Task Board </span></a> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-disc"></i><span class="badge badge-warning pull-right">12</span> <span> Forms </span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="form-elements.html">Form Elements</a></li> 
         <li><a href="form-advanced.html">Form Advanced</a></li> 
         <li><a href="form-layouts.html">Form Layouts</a></li> 
         <li><a href="form-validation.html">Form Validation</a></li> 
         <li><a href="form-pickers.html">Form Pickers</a></li> 
         <li><a href="form-wizard.html">Form Wizard</a></li> 
         <li><a href="form-mask.html">Form Masks</a></li> 
         <li><a href="form-summernote.html">Summernote</a></li> 
         <li><a href="form-wysiwig.html">Wysiwig Editors</a></li> 
         <li><a href="form-typeahead.html">Typeahead</a></li> 
         <li><a href="form-x-editable.html">X Editable</a></li> 
         <li><a href="form-uploads.html">Multiple File Upload</a></li> 
        </ul> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-layout"></i> <span> Tables </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="tables-basic.html">Basic Tables</a></li> 
         <li><a href="tables-layouts.html">Tables Layouts</a></li> 
         <li><a href="tables-datatable.html">Data Tables</a></li> 
         <li><a href="tables-foo-tables.html">Foo Tables</a></li> 
         <li><a href="tables-responsive.html">Responsive Table</a></li> 
         <li><a href="tables-tablesaw.html">Tablesaw Tables</a></li> 
         <li><a href="tables-editable.html">Editable Tables</a></li> 
        </ul> </li> 
       <li class="menu-title">More</li> 
       <li> <a href="javascript: void(0);"><i class="fi-map"></i> <span> Maps </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="maps-google.html">Google Maps</a></li> 
         <li><a href="maps-google-full.html">Full Google Map</a></li> 
         <li><a href="maps-vector.html">Vector Maps</a></li> 
         <li><a href="maps-mapael.html">Mapael Maps</a></li> 
        </ul> </li> 
       <li><a href="calendar.html"><i class="fi-clock"></i> <span>Calendar</span> </a></li> 
       <li> <a href="javascript: void(0);"><i class="fi-paper-stack"></i><span> Pages </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="page-starter.html">Starter Page</a></li> 
         <li><a href="page-login.html">Login</a></li> 
         <li><a href="page-register.html">Register</a></li> 
         <li><a href="page-logout.html">Logout</a></li> 
         <li><a href="page-recoverpw.html">Recover Password</a></li> 
         <li><a href="page-lock-screen.html">Lock Screen</a></li> 
         <li><a href="page-confirm-mail.html">Confirm Mail</a></li> 
         <li><a href="page-404.html">Error 404</a></li> 
         <li><a href="page-404-alt.html">Error 404-alt</a></li> 
         <li><a href="page-500.html">Error 500</a></li> 
        </ul> </li> 
       <li class="has_sub"> <a href="javascript:void(0);"><i class="fi-marquee-plus"></i><span> Extra Pages </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="extras-about.html">About Us</a></li> 
         <li><a href="extras-contact.html">Contact</a></li> 
         <li><a href="extras-companies.html">Companies</a></li> 
         <li><a href="extras-members.html">Members</a></li> 
         <li><a href="extras-members-2.html">Membars 2</a></li> 
         <li><a href="extras-timeline.html">Timeline</a></li> 
         <li><a href="extras-invoice.html">Invoice</a></li> 
         <li><a href="extras-maintenance.html">Maintenance</a></li> 
         <li><a href="extras-coming-soon.html">Coming Soon</a></li> 
         <li><a href="extras-faq.html">FAQ</a></li> 
         <li><a href="extras-pricing.html">Pricing</a></li> 
         <li><a href="extras-profile.html">Profile</a></li> 
         <li><a href="extras-email-template.html">Email Templates</a></li> 
         <li><a href="extras-search-result.html">Search Results</a></li> 
         <li><a href="extras-sitemap.html">Site Map</a></li> 
        </ul> </li> 
       <li> <a href="todo.html"><i class="fi-layers"></i> <span> Todo </span></a> </li> 
      </ul> 
     </div> 
     <!-- Sidebar --> 
     <div class="clearfix"></div> 
    </div> 
    <!-- Sidebar -left --> 
   </div> 
   <!-- Left Sidebar End --> 
   <!-- ============================================================== --> 
   <!-- Start right Content here --> 
   <!-- ============================================================== --> 
   <div class="content-page"> 
    <!-- Start content --> 
    <div class="content"> 
     <div class="container-fluid"> 
      <div class="row"> 
       <div class="col-12"> 
        <div class="page-title-box"> 
         <h4 class="page-title float-left">Font Awesome</h4> 
         <ol class="breadcrumb float-right"> 
          <li class="breadcrumb-item"><a href="#">Adminox</a></li> 
          <li class="breadcrumb-item"><a href="#">Icons</a></li> 
          <li class="breadcrumb-item active">Font Awesome</li> 
         </ol> 
         <div class="clearfix"></div> 
        </div> 
       </div> 
      </div> 
      <!-- end row --> 
      <div class="row"> 
       <div class="col-md-12"> 
        <div> 
         <div class="card-box"> 
          <section> 
           <h4 class="m-t-0 page-header header-title m-b-30 m-b-30"><b>41 New Icons in 4.7 </b><span class="label label-primary">New</span></h4> 
           <div class="icon-list-demo row"> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-address-book"></i>fa fa-address-book 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-address-book-o"></i>fa fa-address-book-o 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-address-card"></i>fa fa-address-card 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-address-card-o"></i>fa fa-address-card-o 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-bandcamp"></i>fa fa-bandcamp 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-bath"></i>fa fa-bath 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-bathtub"></i>fa fa-bathtub 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-drivers-license"></i>fa fa-drivers-license 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-drivers-license-o"></i>fa fa-drivers-license-o 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-eercast"></i>fa fa-eercast 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-envelope-open"></i>fa fa-envelope-open 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-envelope-open-o"></i>fa fa-envelope-open-o 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-etsy"></i>fa fa-etsy 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-free-code-camp"></i>fa fa-free-code-camp 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-grav"></i>fa fa-grav 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-handshake-o"></i>fa fa-handshake-o 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-id-badge"></i>fa fa-id-badge 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-id-card"></i>fa fa-id-card 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-id-card-o"></i>fa fa-id-card-o 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-imdb"></i>fa fa-imdb 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-linode"></i> fa fa-linode 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-meetup"></i>fa fa-meetup 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-microchip"></i>fa fa-microchip 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-podcast"></i>fa fa-podcast 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-quora"></i>fa fa-quora 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-ravelry"></i>fa fa-ravelry 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-s15"></i>fa fa-s15 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-shower"></i>fa fa-shower 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-snowflake-o"></i>fa fa-snowflake-o 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-superpowers"></i>fa fa-superpowers 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-telegram"></i>fa fa-telegram 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-thermometer"></i>fa fa-thermometer 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-thermometer-0"></i>fa fa-thermometer-0 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-thermometer-1"></i>fa fa-thermometer-1 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-thermometer-2"></i>fa fa-thermometer-2 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-thermometer-3"></i>fa fa-thermometer-3 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-thermometer-4"></i>fa fa-thermometer-4 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-thermometer-empty"></i>fa fa-thermometer-empty 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-thermometer-full"></i>fa fa-thermometer-full 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-thermometer-half"></i>fa fa-thermometer-half 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-thermometer-quarter"></i>fa fa-thermometer-quarter 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-thermometer-three-quarters"></i>fa fa-thermometer-three-quarters 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-times-rectangle"></i>fa fa-times-rectangle 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-times-rectangle-o"></i>fa fa-times-rectangle-o 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-user-circle"></i>fa fa-user-circle 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-user-circle-o"></i>fa fa-user-circle-o 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-user-o"></i>fa fa-user-o 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-vcard"></i>fa fa-vcard 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-vcard-o"></i>fa fa-vcard-o 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-window-close"></i>fa fa-window-close 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-window-close-o"></i>fa fa-window-close-o 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-window-maximize"></i>fa fa-window-maximize 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-window-minimize"></i>fa fa-window-minimize 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-window-restore"></i>fa fa-window-restore 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3"> 
             <i class="fa fa-wpexplorer"></i>fa fa-wpexplorer 
            </div> 
           </div> 
          </section> 
          <section> 
           <h4 class="page-header header-title m-b-30"><b>30 New Icons in 4.6.3 </b></h4> 
           <div class="icon-list-demo row"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-american-sign-language-interpreting"></i>fa fa-american-sign-language-interpreting
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-asl-interpreting"></i>fa fa-asl-interpreting
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-assistive-listening-systems"></i>fa fa-assistive-listening-systems
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-audio-description"></i>fa fa-audio-description
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-blind"></i>fa fa-blind
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-braille"></i>fa fa-braille
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-deaf"></i>fa fa-deaf
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-deafness"></i>fa fa-deafness
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-envira"></i>fa fa-envira
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-first-order"></i>fa fa-first-order
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-gitlab"></i>fa fa-gitlab
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-glide"></i>fa fa-glide
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-glide-g"></i>fa fa-glide-g
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hard-of-hearing"></i>fa fa-hard-of-hearing
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-low-vision"></i>fa fa-low-vision
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pied-piper"></i>fa fa-pied-piper
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-question-circle-o"></i>fa fa-question-circle-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sign-language"></i>fa fa-sign-language
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-signing"></i>fa fa-signing
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-snapchat"></i>fa fa-snapchat
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-snapchat-ghost"></i>fa fa-snapchat-ghost
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-snapchat-square"></i>fa fa-snapchat-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-themeisle"></i>fa fa-themeisle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-universal-access"></i>fa fa-universal-access
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-viadeo"></i>fa fa-viadeo
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-viadeo-square"></i>fa fa-viadeo-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-volume-control-phone"></i>fa fa-volume-control-phone
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-wheelchair-alt"></i>fa fa-wheelchair-alt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-wpbeginner"></i>fa fa-wpbeginner
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-wpforms"></i>fa fa-wpforms
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-yoast"></i>fa fa-yoast
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-font-awesome"></i>fa fa
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-font-awesome"></i>fa fa-font-awesome
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-google-plus-official"></i>fa fa-google-plus-official
            </div> 
           </div> 
          </section> 
          <section> 
           <h4 class="page-header header-title m-b-30"><b>20 New Icons in 4.5 </b></h4> 
           <div class="icon-list-demo row"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bluetooth"></i>fa fa-bluetooth
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bluetooth-b"></i>fa fa-bluetooth-b
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-codiepie"></i>fa fa-codiepie
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-credit-card-alt"></i>fa fa-credit-card-alt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-edge"></i>fa fa-edge
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-fort-awesome"></i>fa fa-fort-awesome
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hashtag"></i>fa fa-hashtag
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mixcloud"></i>fa fa-mixcloud
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-modx"></i>fa fa-modx
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pause-circle"></i>fa fa-pause-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pause-circle-o"></i>fa fa-pause-circle-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-percent"></i>fa fa-percent
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-product-hunt"></i>fa fa-product-hunt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-reddit-alien"></i>fa fa-reddit-alien
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-scribd"></i>fa fa-scribd
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-shopping-bag"></i>fa fa-shopping-bag
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-shopping-basket"></i>fa fa-shopping-basket
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-stop-circle"></i>fa fa-stop-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-stop-circle-o"></i>fa fa-stop-circle-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-usb"></i>fa fa-usb
            </div> 
           </div> 
          </section> 
          <section> 
           <h4 class="page-header header-title m-b-30"><b>66 Icons in 4.4 </b></h4> 
           <div class="icon-list-demo row"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-500px"></i>fa fa-500px
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-amazon"></i>fa fa-amazon
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-balance-scale"></i>fa fa-balance-scale
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-battery-0"></i>fa fa-battery-0
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-battery-1"></i> fa fa-battery-1
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-battery-2"></i> fa fa-battery-2
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-battery-3"></i> fa fa-battery-3
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-battery-4"></i> fa fa-battery-4
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-battery-empty"></i> fa fa-battery-empty
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-battery-full"></i> fa fa-battery-full
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-battery-half"></i> fa fa-battery-half
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-battery-quarter"></i> fa fa-battery-quarter
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-battery-three-quarters"></i> fa fa-battery-three-quarters
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-black-tie"></i> fa fa-black-tie
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-calendar-check-o"></i> fa fa-calendar-check-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-calendar-minus-o"></i> fa fa-calendar-minus-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-calendar-plus-o"></i> fa fa-calendar-plus-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-calendar-times-o"></i> fa fa-calendar-times-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cc-diners-club"></i> fa fa-cc-diners-club
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cc-jcb"></i> fa fa-cc-jcb
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-chrome"></i> fa fa-chrome
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-clone"></i> fa fa-clone
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-commenting"></i> fa fa-commenting
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-commenting-o"></i> fa fa-commenting-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-contao"></i> fa fa-contao
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-creative-commons"></i> fa fa-creative-commons
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-expeditedssl"></i> fa fa-expeditedssl
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-firefox"></i> fa fa-firefox
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-fonticons"></i> fa fa-fonticons
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-genderless"></i> fa fa-genderless
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-get-pocket"></i> fa fa-get-pocket
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-gg"></i> fa fa-gg
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-gg-circle"></i> fa fa-gg-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-grab-o"></i> fa fa-hand-grab-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-lizard-o"></i> fa fa-hand-lizard-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-paper-o"></i> fa fa-hand-paper-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-peace-o"></i> fa fa-hand-peace-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-pointer-o"></i> fa fa-hand-pointer-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-rock-o"></i> fa fa-hand-rock-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-scissors-o"></i> fa fa-hand-scissors-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-spock-o"></i> fa fa-hand-spock-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-stop-o"></i> fa fa-hand-stop-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hourglass"></i> fa fa-hourglass
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hourglass-1"></i> fa fa-hourglass-1
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hourglass-2"></i> fa fa-hourglass-2
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hourglass-3"></i> fa fa-hourglass-3
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hourglass-end"></i> fa fa-hourglass-end
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hourglass-half"></i> fa fa-hourglass-half
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hourglass-o"></i> fa fa-hourglass-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hourglass-start"></i> fa fa-hourglass-start
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-houzz"></i> fa fa-houzz
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-i-cursor"></i> fa fa-i-cursor
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-industry"></i> fa fa-industry
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-internet-explorer"></i> fa fa-internet-explorer
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-map"></i> fa fa-map
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-map-o"></i> fa fa-map-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-map-pin"></i> fa fa-map-pin
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-map-signs"></i> fa fa-map-signs
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mouse-pointer"></i> fa fa-mouse-pointer
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-object-group"></i> fa fa-object-group
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-object-ungroup"></i> fa fa-object-ungroup
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-odnoklassniki"></i> fa fa-odnoklassniki
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-odnoklassniki-square"></i> fa fa-odnoklassniki-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-opencart"></i> fa fa-opencart
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-opera"></i> fa fa-opera
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-optin-monster"></i> fa fa-optin-monster
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-registered"></i> fa fa-registered
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-safari"></i> fa fa-safari
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sticky-note"></i> fa fa-sticky-note
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sticky-note-o"></i> fa fa-sticky-note-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-television"></i> fa fa-television
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-trademark"></i> fa fa-trademark
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tripadvisor"></i> fa fa-tripadvisor
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tv"></i> fa fa-tv
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-vimeo"></i> fa fa-vimeo
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-wikipedia-w"></i> fa fa-wikipedia-w
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-y-combinator"></i> fa fa-y-combinator
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-yc"></i> fa fa-yc
            </div> 
           </div> 
          </section> 
          <section> 
           <h4 class="page-header header-title m-b-30"><b>40 Icons in 4.3 </b></h4> 
           <div class="icon-list-demo row"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bed"></i> fa-bed
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-buysellads"></i> fa-buysellads
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cart-arrow-down"></i> fa-cart-arrow-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cart-plus"></i> fa-cart-plus
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-connectdevelop"></i> fa-connectdevelop
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-dashcube"></i> fa-dashcube
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-diamond"></i> fa-diamond
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-facebook-official"></i> fa-facebook-official
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-forumbee "></i> fa-forumbee 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-heartbeat"></i> fa-heartbeat
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bed"></i> fa-bed
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-leanpub"></i> fa-leanpub
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mars"></i> fa-mars
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mars-double"></i> fa-mars-double
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mars-stroke"></i> fa-mars-stroke
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mars-stroke-h "></i> fa-mars-stroke-h 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mars-stroke-v"></i> fa-mars-stroke-v
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-medium "></i> fa-medium 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mercury"></i> fa-mercury
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-motorcycle"></i> fa-motorcycle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-neuter "></i> fa-neuter 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pinterest-p "></i> fa-pinterest-p 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sellsy"></i> fa-sellsy
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-server"></i> fa-server
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-ship"></i> fa-ship
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-shirtsinbulk"></i> fa-shirtsinbulk
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-simplybuilt"></i> fa-simplybuilt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-skyatlas"></i> fa-skyatlas
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-street-view"></i> fa-street-view
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-subway"></i> fa-subway
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-train"></i> fa-train
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-transgender"></i> fa-transgender
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-transgender-alt "></i> fa-transgender-alt 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-user-plus"></i> fa-user-plus 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-user-secret"></i> fa-user-secret
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-user-times"></i> fa-user-times 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-venus"></i> fa-venus
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-venus-double"></i> fa-venus-double
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-venus-mars "></i> fa-venus-mars 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-viacoin"></i> fa-viacoin
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-whatsapp"></i> fa-whatsapp
            </div> 
           </div> 
          </section> 
          <section id="new-icons"> 
           <h4 class="page-header header-title m-b-30"><b>40 Icons in 4.2</b></h4> 
           <div class="icon-list-demo row"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-angellist"></i> fa-angellist
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-area-chart"></i> fa-area-chart
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-at"></i> fa-at
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bell-slash"></i> fa-bell-slash
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bell-slash-o"></i> fa-bell-slash-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bicycle"></i> fa-bicycle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-binoculars"></i> fa-binoculars
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-birthday-cake"></i> fa-birthday-cake
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bus"></i> fa-bus
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-calculator"></i> fa-calculator
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cc"></i> fa-cc
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cc-amex"></i> fa-cc-amex
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cc-discover"></i> fa-cc-discover
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cc-mastercard"></i> fa-cc-mastercard
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cc-paypal"></i> fa-cc-paypal
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cc-stripe"></i> fa-cc-stripe
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cc-visa"></i> fa-cc-visa
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-copyright"></i> fa-copyright
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-eyedropper"></i> fa-eyedropper
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-futbol-o"></i> fa-futbol-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-google-wallet"></i> fa-google-wallet
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-ils"></i> fa-ils
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-ioxhost"></i> fa-ioxhost
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-lastfm"></i> fa-lastfm
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-lastfm-square"></i> fa-lastfm-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-line-chart"></i> fa-line-chart
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-meanpath"></i> fa-meanpath
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-newspaper-o"></i> fa-newspaper-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-paint-brush"></i> fa-paint-brush
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-paypal"></i> fa-paypal
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pie-chart"></i> fa-pie-chart
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-plug"></i> fa-plug
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-shekel"></i> fa-shekel 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sheqel"></i> fa-sheqel 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-slideshare"></i> fa-slideshare
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-soccer-ball-o"></i> fa-soccer-ball-o 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-toggle-off"></i> fa-toggle-off
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-toggle-on"></i> fa-toggle-on
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-trash"></i> fa-trash
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tty"></i> fa-tty
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-twitch"></i> fa-twitch
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-wifi"></i> fa-wifi
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-yelp"></i> fa-yelp
            </div> 
           </div> 
          </section> 
          <section id="web-application"> 
           <h4 class="page-header header-title m-b-30"><b>Web Application</b></h4> 
           <div class="icon-list-demo row"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-adjust"></i> fa-adjust
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-anchor"></i> fa-anchor
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-archive"></i> fa-archive
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrows"></i> fa-arrows
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrows-h"></i> fa-arrows-h
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrows-v"></i> fa-arrows-v
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-asterisk"></i> fa-asterisk
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-automobile"></i> fa-automobile 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-ban"></i> fa-ban
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bank"></i> fa-bank 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bar-chart-o"></i> fa-bar-chart-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-barcode"></i> fa-barcode
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bars"></i> fa-bars
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-beer"></i> fa-beer
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bell"></i> fa-bell
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bell-o"></i> fa-bell-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bolt"></i> fa-bolt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bomb"></i> fa-bomb
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-book"></i> fa-book
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bookmark"></i> fa-bookmark
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bookmark-o"></i> fa-bookmark-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-briefcase"></i> fa-briefcase
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bug"></i> fa-bug
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-building"></i> fa-building
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-building-o"></i> fa-building-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bullhorn"></i> fa-bullhorn
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bullseye"></i> fa-bullseye
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cab"></i> fa-cab 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-calendar"></i> fa-calendar
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-calendar-o"></i> fa-calendar-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-camera"></i> fa-camera
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-camera-retro"></i> fa-camera-retro
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-car"></i> fa-car
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-certificate"></i> fa-certificate
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-check"></i> fa-check
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-check-circle"></i> fa-check-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-check-circle-o"></i> fa-check-circle-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-check-square"></i> fa-check-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-check-square-o"></i> fa-check-square-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-child"></i> fa-child
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-circle"></i> fa-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-circle-o"></i> fa-circle-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-circle-o-notch"></i> fa-circle-o-notch
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-circle-thin"></i> fa-circle-thin
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-clock-o"></i> fa-clock-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cloud"></i> fa-cloud
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cloud-download"></i> fa-cloud-download
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cloud-upload"></i> fa-cloud-upload
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-code"></i> fa-code
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-code-fork"></i> fa-code-fork
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-coffee"></i> fa-coffee
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cog"></i> fa-cog
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cogs"></i> fa-cogs
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-comment"></i> fa-comment
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-comment-o"></i> fa-comment-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-comments"></i> fa-comments
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-comments-o"></i> fa-comments-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-compass"></i> fa-compass
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-credit-card"></i> fa-credit-card
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-crop"></i> fa-crop
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-crosshairs"></i> fa-crosshairs
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cube"></i> fa-cube
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cubes"></i> fa-cubes
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cutlery"></i> fa-cutlery
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-dashboard"></i> fa-dashboard 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-database"></i> fa-database
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-desktop"></i> fa-desktop
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-download"></i> fa-download
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-edit"></i> fa-edit 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-ellipsis-h"></i> fa-ellipsis-h
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-ellipsis-v"></i> fa-ellipsis-v
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-envelope"></i> fa-envelope
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-envelope-o"></i> fa-envelope-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-envelope-square"></i> fa-envelope-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-eraser"></i> fa-eraser
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-exchange"></i> fa-exchange
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-exclamation"></i> fa-exclamation
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-exclamation-circle"></i> fa-exclamation-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-exclamation-triangle"></i> fa-exclamation-triangle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-external-link"></i> fa-external-link
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-external-link-square"></i> fa-external-link-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-eye"></i> fa-eye
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-eye-slash"></i> fa-eye-slash
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-fax"></i> fa-fax
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-female"></i> fa-female
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-fighter-jet"></i> fa-fighter-jet
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-archive-o"></i> fa-file-archive-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-audio-o"></i> fa-file-audio-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-code-o"></i> fa-file-code-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-excel-o"></i> fa-file-excel-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-image-o"></i> fa-file-image-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-movie-o"></i> fa-file-movie-o 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-pdf-o"></i> fa-file-pdf-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-photo-o"></i> fa-file-photo-o 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-picture-o"></i> fa-file-picture-o 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-powerpoint-o"></i> fa-file-powerpoint-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-sound-o"></i> fa-file-sound-o 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-video-o"></i> fa-file-video-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-word-o"></i> fa-file-word-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-zip-o"></i> fa-file-zip-o 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-film"></i> fa-film
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-filter"></i> fa-filter
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-fire"></i> fa-fire
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-fire-extinguisher"></i> fa-fire-extinguisher
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-flag"></i> fa-flag
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-flag-checkered"></i> fa-flag-checkered
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-flag-o"></i> fa-flag-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-flash"></i> fa-flash 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-flask"></i> fa-flask
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-folder"></i> fa-folder
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-folder-o"></i> fa-folder-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-folder-open"></i> fa-folder-open
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-folder-open-o"></i> fa-folder-open-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-frown-o"></i> fa-frown-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-gamepad"></i> fa-gamepad
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-gavel"></i> fa-gavel
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-gear"></i> fa-gear 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-gears"></i> fa-gears 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-gift"></i> fa-gift
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-glass"></i> fa-glass
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-globe"></i> fa-globe
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-graduation-cap"></i> fa-graduation-cap
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-group"></i> fa-group 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hdd-o"></i> fa-hdd-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-headphones"></i> fa-headphones
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-heart"></i> fa-heart
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-heart-o"></i> fa-heart-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-history"></i> fa-history
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-home"></i> fa-home
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-image"></i> fa-image 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-inbox"></i> fa-inbox
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-info"></i> fa-info
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-info-circle"></i> fa-info-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-institution"></i> fa-institution 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-key"></i> fa-key
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-keyboard-o"></i> fa-keyboard-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-language"></i> fa-language
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-laptop"></i> fa-laptop
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-leaf"></i> fa-leaf
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-legal"></i> fa-legal 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-lemon-o"></i> fa-lemon-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-level-down"></i> fa-level-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-level-up"></i> fa-level-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-life-bouy"></i> fa-life-bouy 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-life-ring"></i> fa-life-ring
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-life-saver"></i> fa-life-saver 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-lightbulb-o"></i> fa-lightbulb-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-location-arrow"></i> fa-location-arrow
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-lock"></i> fa-lock
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-magic"></i> fa-magic
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-magnet"></i> fa-magnet
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mail-forward"></i> fa-mail-forward 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mail-reply"></i> fa-mail-reply 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mail-reply-all"></i> fa-mail-reply-all 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-male"></i> fa-male
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-map-marker"></i> fa-map-marker
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-meh-o"></i> fa-meh-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-microphone"></i> fa-microphone
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-microphone-slash"></i> fa-microphone-slash
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-minus"></i> fa-minus
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-minus-circle"></i> fa-minus-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-minus-square"></i> fa-minus-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-minus-square-o"></i> fa-minus-square-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mobile"></i> fa-mobile
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mobile-phone"></i> fa-mobile-phone 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-money"></i> fa-money
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-moon-o"></i> fa-moon-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-mortar-board"></i> fa-mortar-board 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-music"></i> fa-music
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-navicon"></i> fa-navicon 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-paper-plane"></i> fa-paper-plane
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-paper-plane-o"></i> fa-paper-plane-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-paw"></i> fa-paw
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pencil"></i> fa-pencil
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pencil-square"></i> fa-pencil-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pencil-square-o"></i> fa-pencil-square-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-phone"></i> fa-phone
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-phone-square"></i> fa-phone-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-photo"></i> fa-photo 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-picture-o"></i> fa-picture-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-plane"></i> fa-plane
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-plus"></i> fa-plus
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-plus-circle"></i> fa-plus-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-plus-square"></i> fa-plus-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-plus-square-o"></i> fa-plus-square-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-power-off"></i> fa-power-off
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-print"></i> fa-print
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-puzzle-piece"></i> fa-puzzle-piece
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-qrcode"></i> fa-qrcode
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-question"></i> fa-question
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-question-circle"></i> fa-question-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-quote-left"></i> fa-quote-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-quote-right"></i> fa-quote-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-random"></i> fa-random
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-recycle"></i> fa-recycle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-refresh"></i> fa-refresh
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-reorder"></i> fa-reorder 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-reply"></i> fa-reply
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-reply-all"></i> fa-reply-all
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-retweet"></i> fa-retweet
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-road"></i> fa-road
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-rocket"></i> fa-rocket
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-rss"></i> fa-rss
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-rss-square"></i> fa-rss-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-search"></i> fa-search
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-search-minus"></i> fa-search-minus
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-search-plus"></i> fa-search-plus
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-send"></i> fa-send 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-send-o"></i> fa-send-o 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-share"></i> fa-share
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-share-alt"></i> fa-share-alt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-share-alt-square"></i> fa-share-alt-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-share-square"></i> fa-share-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-share-square-o"></i> fa-share-square-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-shield"></i> fa-shield
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-shopping-cart"></i> fa-shopping-cart
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sign-in"></i> fa-sign-in
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sign-out"></i> fa-sign-out
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-signal"></i> fa-signal
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sitemap"></i> fa-sitemap
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sliders"></i> fa-sliders
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-smile-o"></i> fa-smile-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sort"></i> fa-sort
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sort-alpha-asc"></i> fa-sort-alpha-asc
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sort-alpha-desc"></i> fa-sort-alpha-desc
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sort-amount-asc"></i> fa-sort-amount-asc
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sort-amount-desc"></i> fa-sort-amount-desc
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sort-asc"></i> fa-sort-asc
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sort-desc"></i> fa-sort-desc
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sort-down"></i> fa-sort-down 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sort-numeric-asc"></i> fa-sort-numeric-asc
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sort-numeric-desc"></i> fa-sort-numeric-desc
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sort-up"></i> fa-sort-up 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-space-shuttle"></i> fa-space-shuttle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-spinner"></i> fa-spinner
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-spoon"></i> fa-spoon
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-square"></i> fa-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-square-o"></i> fa-square-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-star"></i> fa-star
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-star-half"></i> fa-star-half
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-star-half-empty"></i> fa-star-half-empty 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-star-half-full"></i> fa-star-half-full 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-star-half-o"></i> fa-star-half-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-star-o"></i> fa-star-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-suitcase"></i> fa-suitcase
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-sun-o"></i> fa-sun-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-support"></i> fa-support 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tablet"></i> fa-tablet
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tachometer"></i> fa-tachometer
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tag"></i> fa-tag
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tags"></i> fa-tags
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tasks"></i> fa-tasks
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-taxi"></i> fa-taxi
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-terminal"></i> fa-terminal
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-thumb-tack"></i> fa-thumb-tack
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-thumbs-down"></i> fa-thumbs-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-thumbs-o-down"></i> fa-thumbs-o-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-thumbs-o-up"></i> fa-thumbs-o-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-thumbs-up"></i> fa-thumbs-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-ticket"></i> fa-ticket
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-times"></i> fa-times
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-times-circle"></i> fa-times-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-times-circle-o"></i> fa-times-circle-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tint"></i> fa-tint
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-toggle-down"></i> fa-toggle-down 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-toggle-left"></i> fa-toggle-left 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-toggle-right"></i> fa-toggle-right 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-toggle-up"></i> fa-toggle-up 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-trash-o"></i> fa-trash-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tree"></i> fa-tree
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-trophy"></i> fa-trophy
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-truck"></i> fa-truck
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-umbrella"></i> fa-umbrella
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-university"></i> fa-university
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-unlock"></i> fa-unlock
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-unlock-alt"></i> fa-unlock-alt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-unsorted"></i> fa-unsorted 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-upload"></i> fa-upload
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-user"></i> fa-user
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-users"></i> fa-users
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-video-camera"></i> fa-video-camera
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-volume-down"></i> fa-volume-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-volume-off"></i> fa-volume-off
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-volume-up"></i> fa-volume-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-warning"></i> fa-warning 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-wheelchair"></i> fa-wheelchair
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-wrench"></i> fa-wrench
            </div> 
           </div> 
          </section> 
          <section id="file-type"> 
           <h4 class="page-header header-title m-b-30"><b>File Type Icons</b></h4> 
           <div class="row icon-list-demo"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file"></i> fa-file
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-archive-o"></i> fa-file-archive-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-audio-o"></i> fa-file-audio-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-code-o"></i> fa-file-code-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-excel-o"></i> fa-file-excel-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-image-o"></i> fa-file-image-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-movie-o"></i> fa-file-movie-o 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-o"></i> fa-file-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-pdf-o"></i> fa-file-pdf-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-photo-o"></i> fa-file-photo-o 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-picture-o"></i> fa-file-picture-o 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-powerpoint-o"></i> fa-file-powerpoint-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-sound-o"></i> fa-file-sound-o 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-text"></i> fa-file-text
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-text-o"></i> fa-file-text-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-video-o"></i> fa-file-video-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-word-o"></i> fa-file-word-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-zip-o"></i> fa-file-zip-o 
             <span class="text-muted">(alias)</span> 
            </div> 
           </div> 
          </section> 
          <section id="spinner"> 
           <h4 class="page-header header-title m-b-30"><b>Spinner Icons</b></h4> 
           <div class="alert alert-success">
             These icons work great with the 
            <code>fa-spin</code> class. Check out the 
            <a href="" class="alert-link">spinning icons example</a>. 
           </div> 
           <div class="row icon-list-demo"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-spin fa-circle-o-notch" style="width: auto;height: auto; line-height: 1px; margin-right: 10px;"></i> fa-circle-o-notch
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-spin fa-cog" style="width: auto;height: auto; line-height: 1px; margin-right: 10px;"></i> fa-cog
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-spin fa-gear" style="width: auto;height: auto; line-height: 1px; margin-right: 10px;"></i> fa-gear 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-spin fa-refresh" style="width: auto;height: auto; line-height: 1px; margin-right: 10px;"></i> fa-refresh
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-spin fa-spinner" style="width: auto;height: auto; line-height: 1px; margin-right: 10px;"></i> fa-spinner
            </div> 
           </div> 
          </section> 
          <section id="form-control"> 
           <h4 class="page-header header-title m-b-30"><b>Form Control Icons</b></h4> 
           <div class="row icon-list-demo"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-check-square"></i> fa-check-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-check-square-o"></i> fa-check-square-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-circle"></i> fa-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-circle-o"></i> fa-circle-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-minus-square"></i> fa-minus-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-minus-square-o"></i> fa-minus-square-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-plus-square"></i> fa-plus-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-plus-square-o"></i> fa-plus-square-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-square"></i> fa-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-square-o"></i> fa-square-o
            </div> 
           </div> 
          </section> 
          <section id="currency"> 
           <h4 class="page-header header-title m-b-30"><b>Currency Icons</b></h4> 
           <div class="row icon-list-demo"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bitcoin"></i> fa-bitcoin 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-btc"></i> fa-btc
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cny"></i> fa-cny 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-dollar"></i> fa-dollar 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-eur"></i> fa-eur
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-euro"></i> fa-euro 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-gbp"></i> fa-gbp
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-inr"></i> fa-inr
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-jpy"></i> fa-jpy
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-krw"></i> fa-krw
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-money"></i> fa-money
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-rmb"></i> fa-rmb 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-rouble"></i> fa-rouble 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-rub"></i> fa-rub
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-ruble"></i> fa-ruble 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-rupee"></i> fa-rupee 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-try"></i> fa-try
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-turkish-lira"></i> fa-turkish-lira 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-usd"></i> fa-usd
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-won"></i> fa-won 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-yen"></i> fa-yen 
             <span class="text-muted">(alias)</span> 
            </div> 
           </div> 
          </section> 
          <section id="text-editor"> 
           <h4 class="page-header header-title m-b-30"><b>Text Editor Icons</b></h4> 
           <div class="row icon-list-demo"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-align-center"></i> fa-align-center
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-align-justify"></i> fa-align-justify
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-align-left"></i> fa-align-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-align-right"></i> fa-align-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bold"></i> fa-bold
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-chain"></i> fa-chain 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-chain-broken"></i> fa-chain-broken
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-clipboard"></i> fa-clipboard
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-columns"></i> fa-columns
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-copy"></i> fa-copy 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-cut"></i> fa-cut 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-dedent"></i> fa-dedent 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-eraser"></i> fa-eraser
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file"></i> fa-file
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-o"></i> fa-file-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-text"></i> fa-file-text
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-file-text-o"></i> fa-file-text-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-files-o"></i> fa-files-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-floppy-o"></i> fa-floppy-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-font"></i> fa-font
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-header"></i> fa-header
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-indent"></i> fa-indent
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-italic"></i> fa-italic
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-link"></i> fa-link
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-list"></i> fa-list
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-list-alt"></i> fa-list-alt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-list-ol"></i> fa-list-ol
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-list-ul"></i> fa-list-ul
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-outdent"></i> fa-outdent
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-paperclip"></i> fa-paperclip
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-paragraph"></i> fa-paragraph
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-paste"></i> fa-paste 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-repeat"></i> fa-repeat
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-rotate-left"></i> fa-rotate-left 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-rotate-right"></i> fa-rotate-right 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-save"></i> fa-save 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-scissors"></i> fa-scissors
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-strikethrough"></i> fa-strikethrough
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-subscript"></i> fa-subscript
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-superscript"></i> fa-superscript
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-table"></i> fa-table
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-text-height"></i> fa-text-height
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-text-width"></i> fa-text-width
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-th"></i> fa-th
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-th-large"></i> fa-th-large
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-th-list"></i> fa-th-list
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-underline"></i> fa-underline
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-undo"></i> fa-undo
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-unlink"></i> fa-unlink 
             <span class="text-muted">(alias)</span> 
            </div> 
           </div> 
          </section> 
          <section id="directional"> 
           <h4 class="page-header header-title m-b-30"><b>Directional Icons</b></h4> 
           <div class="row icon-list-demo"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-angle-double-down"></i> fa-angle-double-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-angle-double-left"></i> fa-angle-double-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-angle-double-right"></i> fa-angle-double-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-angle-double-up"></i> fa-angle-double-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-angle-down"></i> fa-angle-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-angle-left"></i> fa-angle-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-angle-right"></i> fa-angle-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-angle-up"></i> fa-angle-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrow-down"></i> fa-arrow-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrow-left"></i> fa-arrow-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrow-right"></i> fa-arrow-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrow-up"></i> fa-arrow-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrows"></i> fa-arrows
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrows-alt"></i> fa-arrows-alt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrows-h"></i> fa-arrows-h
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrows-v"></i> fa-arrows-v
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-caret-down"></i> fa-caret-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-caret-left"></i> fa-caret-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-caret-right"></i> fa-caret-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-caret-up"></i> fa-caret-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-chevron-circle-down"></i> fa-chevron-circle-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-chevron-circle-left"></i> fa-chevron-circle-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-chevron-circle-up"></i> fa-chevron-circle-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-chevron-down"></i> fa-chevron-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-chevron-left"></i> fa-chevron-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-chevron-right"></i> fa-chevron-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-chevron-up"></i> fa-chevron-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-o-down"></i> fa-hand-o-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-o-left"></i> fa-hand-o-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-o-right"></i> fa-hand-o-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hand-o-up"></i> fa-hand-o-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-long-arrow-down"></i> fa-long-arrow-down
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-long-arrow-left"></i> fa-long-arrow-left
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-long-arrow-right"></i> fa-long-arrow-right
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-long-arrow-up"></i> fa-long-arrow-up
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-toggle-down"></i> fa-toggle-down 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-toggle-left"></i> fa-toggle-left 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-toggle-right"></i> fa-toggle-right 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-toggle-up"></i> fa-toggle-up 
             <span class="text-muted">(alias)</span> 
            </div> 
           </div> 
          </section> 
          <section id="video-player"> 
           <h4 class="page-header header-title m-b-30"><b>Video Player Icons</b></h4> 
           <div class="row icon-list-demo"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-arrows-alt"></i> fa-arrows-alt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-backward"></i> fa-backward
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-compress"></i> fa-compress
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-eject"></i> fa-eject
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-expand"></i> fa-expand
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-fast-backward"></i> fa-fast-backward
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-fast-forward"></i> fa-fast-forward
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-forward"></i> fa-forward
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pause"></i> fa-pause
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-play"></i> fa-play
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-play-circle"></i> fa-play-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-play-circle-o"></i> fa-play-circle-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-step-backward"></i> fa-step-backward
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-step-forward"></i> fa-step-forward
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-stop"></i> fa-stop
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-youtube-play"></i> fa-youtube-play
            </div> 
           </div> 
          </section> 
          <section id="brand"> 
           <h4 class="page-header header-title m-b-30"><b>Brand Icons</b></h4> 
           <div class="alert alert-success"> 
            <ul class="margin-bottom-none padding-left-lg"> 
             <li>All brand icons are trademarks of their respective owners.</li> 
             <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li> 
            </ul> 
           </div> 
           <div class="row icon-list-demo"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-adn"></i> fa-adn
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-android"></i> fa-android
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-apple"></i> fa-apple
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-behance"></i> fa-behance
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-behance-square"></i> fa-behance-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bitbucket"></i> fa-bitbucket
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bitbucket-square"></i> fa-bitbucket-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-bitcoin"></i> fa-bitcoin 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-btc"></i> fa-btc
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-codepen"></i> fa-codepen
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-css3"></i> fa-css3
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-delicious"></i> fa-delicious
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-deviantart"></i> fa-deviantart
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-digg"></i> fa-digg
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-dribbble"></i> fa-dribbble
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-dropbox"></i> fa-dropbox
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-drupal"></i> fa-drupal
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-empire"></i> fa-empire
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-facebook"></i> fa-facebook
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-facebook-square"></i> fa-facebook-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-flickr"></i> fa-flickr
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-foursquare"></i> fa-foursquare
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-ge"></i> fa-ge 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-git"></i> fa-git
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-git-square"></i> fa-git-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-github"></i> fa-github
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-github-alt"></i> fa-github-alt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-github-square"></i> fa-github-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-gittip"></i> fa-gittip
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-google"></i> fa-google
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-google-plus"></i> fa-google-plus
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-google-plus-square"></i> fa-google-plus-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hacker-news"></i> fa-hacker-news
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-html5"></i> fa-html5
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-instagram"></i> fa-instagram
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-joomla"></i> fa-joomla
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-jsfiddle"></i> fa-jsfiddle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-linkedin"></i> fa-linkedin
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-linkedin-square"></i> fa-linkedin-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-linux"></i> fa-linux
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-maxcdn"></i> fa-maxcdn
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-openid"></i> fa-openid
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pagelines"></i> fa-pagelines
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pied-piper"></i> fa-pied-piper
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pied-piper-alt"></i> fa-pied-piper-alt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pinterest"></i> fa-pinterest
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-pinterest-square"></i> fa-pinterest-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-qq"></i> fa-qq
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-ra"></i> fa-ra 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-rebel"></i> fa-rebel
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-reddit"></i> fa-reddit
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-reddit-square"></i> fa-reddit-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-renren"></i> fa-renren
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-share-alt"></i> fa-share-alt
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-share-alt-square"></i> fa-share-alt-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-skype"></i> fa-skype
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-slack"></i> fa-slack
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-soundcloud"></i> fa-soundcloud
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-spotify"></i> fa-spotify
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-stack-exchange"></i> fa-stack-exchange
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-stack-overflow"></i> fa-stack-overflow
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-steam"></i> fa-steam
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-steam-square"></i> fa-steam-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-stumbleupon"></i> fa-stumbleupon
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-stumbleupon-circle"></i> fa-stumbleupon-circle
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tencent-weibo"></i> fa-tencent-weibo
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-trello"></i> fa-trello
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tumblr"></i> fa-tumblr
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-tumblr-square"></i> fa-tumblr-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-twitter"></i> fa-twitter
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-twitter-square"></i> fa-twitter-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-vimeo-square"></i> fa-vimeo-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-vine"></i> fa-vine
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-vk"></i> fa-vk
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-wechat"></i> fa-wechat 
             <span class="text-muted">(alias)</span> 
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-weibo"></i> fa-weibo
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-weixin"></i> fa-weixin
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-windows"></i> fa-windows
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-wordpress"></i> fa-wordpress
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-xing"></i> fa-xing
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-xing-square"></i> fa-xing-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-yahoo"></i> fa-yahoo
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-youtube"></i> fa-youtube
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-youtube-play"></i> fa-youtube-play
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-youtube-square"></i> fa-youtube-square
            </div> 
           </div> 
          </section> 
          <section id="medical"> 
           <h4 class="page-header header-title m-b-30"><b>Medical Icons</b></h4> 
           <div class="row icon-list-demo"> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-ambulance"></i> fa-ambulance
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-h-square"></i> fa-h-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-hospital-o"></i> fa-hospital-o
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-medkit"></i> fa-medkit
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-plus-square"></i> fa-plus-square
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-stethoscope"></i> fa-stethoscope
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-user-md"></i> fa-user-md
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3">
             <i class="fa fa-wheelchair"></i> fa-wheelchair
            </div> 
            <div class="col-sm-6 col-md-4 col-lg-3 text-danger" id="no-matching-result">
              Sorry, no match found for given name 
            </div> 
           </div> 
          </section> 
         </div> 
        </div> 
       </div> 
      </div> 
      <!-- End Row --> 
      <div class="row"> 
       <div class="col-sm-12"> 
        <div class="card-box"> 
         <h4 class="page-header m-t-0 header-title"><b>Examples</b></h4> 
         <div class="row"> 
          <div class="col-md-4"> 
           <div class="m-b-30"> 
            <h5 class="text-muted text-uppercase m-b-20"><b>Larger Icons</b></h5> 
            <i class="fa fa-camera-retro fa-lg"></i> fa-lg 
            <br> 
            <i class="fa fa-camera-retro fa-2x"></i> fa-2x 
            <br> 
            <i class="fa fa-camera-retro fa-3x"></i> fa-3x 
            <br> 
            <i class="fa fa-camera-retro fa-4x"></i> fa-4x 
            <br> 
            <i class="fa fa-camera-retro fa-5x"></i> fa-5x 
            <br> 
           </div> 
          </div> 
          <div class="col-md-4"> 
           <div class="m-b-30"> 
            <h5 class="text-muted text-uppercase m-b-20"><b>Fixed Width Icons</b></h5> 
            <div class="list-group"> 
             <a class="list-group-item" href="#"><i class="fa fa-home fa-fw"></i>&nbsp; Home</a> 
             <a class="list-group-item" href="#"><i class="fa fa-book fa-fw"></i>&nbsp; Library</a> 
             <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw"></i>&nbsp; Applications</a> 
             <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw"></i>&nbsp; Settings</a> 
            </div> 
           </div> 
          </div> 
          <div class="col-md-4"> 
           <div class="m-b-30"> 
            <h5 class="text-muted text-uppercase m-b-20"><b>List Icons</b></h5> 
            <ul class="fa-ul"> 
             <li><i class="fa-li fa fa-check-square"></i>List icons</li> 
             <li><i class="fa-li fa fa-check-square"></i>can be used</li> 
             <li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li> 
             <li><i class="fa-li fa fa-square"></i>in lists</li> 
            </ul> 
           </div> 
          </div> 
         </div> 
         <div class="row"> 
          <div class="col-md-4"> 
           <div class="m-b-30"> 
            <h5 class="text-muted text-uppercase m-b-20"><b>Bordered &amp; Pulled Icons</b></h5> 
            <i class="fa fa-quote-left fa-3x fa-pull-left fa-border"></i> ...tomorrow we will run faster, stretch out our arms farther... And then one fine morning— So we beat on, boats against the current, borne back ceaselessly into the past. 
           </div> 
          </div> 
          <div class="col-md-4"> 
           <div class="m-b-30"> 
            <h5 class="text-muted text-uppercase m-b-20"><b>Rotated &amp; Flipped</b></h5> 
            <i class="fa fa-shield"></i> normal
            <br> 
            <i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90
            <br> 
            <i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180
            <br> 
            <i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270
            <br> 
            <i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal
            <br> 
            <i class="fa fa-shield fa-flip-vertical"></i> icon-flip-vertical 
           </div> 
          </div> 
          <div class="col-md-4"> 
           <div class="m-b-30"> 
            <h5 class="text-muted text-uppercase m-b-20"><b>Stacked Icons</b></h5> 
            <span class="fa-stack fa-lg"> <i class="fa fa-square-o fa-stack-2x"></i> <i class="fa fa-twitter fa-stack-1x"></i> </span> fa-twitter on fa-square-o
            <br> 
            <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-flag fa-stack-1x fa-inverse"></i> </span> fa-flag on fa-circle
            <br> 
            <span class="fa-stack fa-lg"> <i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-terminal fa-stack-1x fa-inverse"></i> </span> fa-terminal on fa-square
            <br> 
            <span class="fa-stack fa-lg"> <i class="fa fa-camera fa-stack-1x"></i> <i class="fa fa-ban fa-stack-2x text-danger"></i> </span> fa-ban on fa-camera 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
      <!-- end row --> 
     </div> 
     <!-- container --> 
    </div> 
    <!-- content --> 
    <footer class="footer text-right">
      2017 © Adminox. - Coderthemes.com 
    </footer> 
   </div> 
   <!-- ============================================================== --> 
   <!-- End Right content here --> 
   <!-- ============================================================== --> 
  </div> 
  <!-- END wrapper --> 
  <!-- jQuery  --> 
  <script src="assets/js/jquery.min.js"></script> 
  <script src="assets/js/tether.min.js"></script>
  <!-- Tether for Bootstrap --> 
  <script src="assets/js/bootstrap.min.js"></script> 
  <script src="assets/js/metisMenu.min.js"></script> 
  <script src="assets/js/waves.js"></script> 
  <script src="assets/js/jquery.slimscroll.js"></script> 
  <!-- App js --> 
  <script src="assets/js/jquery.core.js"></script> 
  <script src="assets/js/jquery.app.js"></script>  
 </body>
</html>